<!DOCTYPE html><html lang='en'>
<head><meta charset='UTF-8'>
<meta name='viewport' content='width=device-width, initial-scale=1.0'>
<style>
.centered-box { flex-direction:column; text-align: center;  display: flex; justify-content: center; align-items: center;}
 form{display: flex;flex-direction: column;}
.centered-box-item{ padding-top: 2px; box-sizing: border-box; line-height: 30px; display: flex;flex: 1;}
.centered-box-item-tip{ text-align: center; font-size: 10px;}
.button{flex: 1;line-height: 25px;width: 100%;background:#5ac725;color: #fff;}
.centered-box-label{ background-color: #e9e9e9;width: 50%; }
.centered-box-content{ display: flex; width: 50%;}
</style>
<title>配置</title>
</head><body>
<div class='centered-box'>
<h3>ESP01S Configuration</h3>
<form method='post' action='/save'>
<div class='centered-box-item'><div class='centered-box-label'>WiFi SSID</div><input class='centered-box-content' type='text' name='wifiSSID' value='"+wifiSSID+"'></div>
<div class='centered-box-item'><div class='centered-box-label'>WiFi Password</div><input class='centered-box-content' type='password' name='wifiPassword' value='"+wifiPassword+"'></div>
<div class='centered-box-item'><div class='centered-box-label'>MQTT Server</div><input type='text'  class='centered-box-content'   type='text'name='mqttServer' value='"+mqttServer+"'></div>
<div class='centered-box-item'><div class='centered-box-label'>MQTT Port</div><input type='text'  class='centered-box-content'   type='text'name='mqttPort' value='"+mqttPort+"'></div>
<div class='centered-box-item'><div class='centered-box-label'>MQTT SSLCA OPEN</div><input type='text' class='centered-box-content' name="mqttSSLCAOpen" value='"+mqttSSLCAOpen+"'></div>
 
<div class='centered-box-item'><div class='centered-box-label'>MQTT SSLCA</div><textarea class='centered-box-content' type='text' name='mqttSSLCA' row='10'>"+mqttSSLCA+"</textarea></div>
<div class='centered-box-item'><div class='centered-box-label'>MQTT ClientId</div><input type='text'  class='centered-box-content'   type='text'name='mqttClientId' value='"+mqttClientId+"'></div>
<div class='centered-box-item'><div class='centered-box-label'>MQTT User</div><input type='text'  class='centered-box-content'   type='text'name='mqttUser' value='"+mqttUser+"'></div>
<div class='centered-box-item'><div class='centered-box-label'>MQTT Password</div><input class='centered-box-content' type='password' name='mqttPassword' value='"+mqttPassword+"'></div>
<div class='centered-box-item'><div class='centered-box-label'>MQTT Control Topic</div><input type='text'  class='centered-box-content'   type='text'name='mqttTopicControl' value='"+mqttTopicControl+"'></div>
<div class='centered-box-item'><div class='centered-box-label'>MQTT Status Topic</div><input type='text'  class='centered-box-content'   type='text'name='mqttTopicStatus' value='"+mqttTopicStatus+"'></div>
<div class='centered-box-item'><div class='centered-box-label'>MQTT Timer Topic</div><input type='text'  class='centered-box-content'   type='text'name='mqttTopicTimer' value='"+mqttTopicTimer+"'></div>
<div class='centered-box-item'><div class='centered-box-label'>MQTT Reset Timer Topic</div><input type='text'  class='centered-box-content'   type='text'name='mqttTopicResetTimer' value='"+mqttTopicResetTimer+"'></div>
<div class='centered-box-item'><div class='centered-box-label'>HTTP API TYPE</div><input type='text' class='centered-box-content' name="httpApiType"  value='"+httpApiType+"'></div>
 
<div class='centered-box-item'><div class='centered-box-label'>HTTP API URL</div><input type='text'  class='centered-box-content'   type='text'name='httpApiUrl' value='"+httpApiUrl+"'></div>
<div class='centered-box-item centered-box-item-tip'>*请在:"+String(webSevrerEndSec/60)+"分钟内完成保存 </div>
<div class='centered-box-item'><input class='button' type='submit' value='保存'></div>
</form></div>
</body></html>